<template>
  <div @click="$emit('some-event', 'msg from child1')">
    <h3>我是child1</h3>
    <p>我接收{{msg}}</p>
    <button @click="sendToAssembly('接收来自没有血缘关系的组件child1的值')">我是child1，点我给没有血缘关系的组件Assembly3发送消息</button>
  </div>

</template>

<script>
  export default {
    props: {
      msg: {
        type: String,
        default: ''
      },
    },
    mounted () {
      // 总线方式通信
      // this.$bus.$on('event-from-child2', msg => {
      //   console.log('Child1:', msg);
      // });

      // 利用共同祖辈方式通信
      // 兄弟组件可以使用$parent, 没有直接关系使用$root
      this.$parent.$on('event-from-child2', msg => {
        this.msg = msg
      });
    },
    methods:{
      sendToAssembly(msg){
        // 没有直接关系使用$root
        this.$root.$emit('event-from-assembly3',msg);
      }
    }
  }
</script>

<style scoped>

</style>
